import { memo } from "react";
import { SectionRoomWapper } from "./style";
import SectionRoomItem from "../section-room-item";

const SectionRoom = memo((props) => {
  const { list, width } = props;

  return (
    <SectionRoomWapper>
      {list.map((item) => {
        return <SectionRoomItem data={item} key={item.id} width={width}></SectionRoomItem>;
      })}
    </SectionRoomWapper>
  );
});

export default SectionRoom;
